.background{
    /* 设置背景图片 */
    background-image: url("../img/background.jpg");
    /* 不重复显示背景图片 */
    background-repeat: no-repeat;;
    position: absolute;                       /* 设置元素的定位为绝对定位 */
    top: 50%;                                /* 将元素的上边界距离包含它的最近的定位祖先元素的上边界 50% 的距离 */
    bottom: 50%;                             /* 将元素的下边界距离包含它的最近的定位祖先元素的下边界 50% 的距离 */
    left: 50%;                               /* 将元素的左边界距离包含它的最近的定位祖先元素的左边界 50% 的距离 */
    right: 50%;                              /* 将元素的右边界距离包含它的最近的定位祖先元素的右边界 50% 的距离 */
    width: 600px;                            /* 设置元素的宽度为 600 像素 */
    height: 300px;                           /* 设置元素的高度为 480 像素 */
    /* 设置文本居中对齐 */
    text-align: center;
    /* 使元素居中显示 */
    transform: translate(-50%, -50%);
    background-size: cover;
}
.login {
    /* 设置字体大小*/
    font-size: 20px;
    /* 设置文本居中对齐 */
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.login h1{
    /* 设置上下外边距*/
    margin-top: 10px;
    color: #c46d32;
}
.loginLink {
    /* 去除超链接装饰 */
    text-decoration: none;
    color: #FFFFFF;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}
.box{
    width: 100%;
    height: 100%;
    position: relative;
}